<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <title>厅干部平时考核管理系统</title>
    <link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/main.css'/>"/>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery-1.11.0.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/layer/layer.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery.form.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery.treeview.js'/>"></script>

</head>

<body>
<div class="njga" style="overflow: auto;">
    <div class="bmkhcp">
        <div class="bmkhcp_row">
            <div class="bmkhcp_lf" style="width: 100%;position: relative;">
                <div class="title">考核人员关系设置</div>
                <div class="khzpzp_row1">
                    <div class="xzzb_add" id="cjgx" style="margin-top: -18px;"><span>+</span> 创建关系</div>
                </div>
                <table class="wdzb_table wdzb_table1" style="margin-top: 25px;">
                    <tr>
                        <th width="5%">
                            <input type="checkbox" id="chkAll" style="margin-left: 2px;" />
                        </th>
                        <th width="6%">序号</th>
                        <th width="15%">考官</th>
                        <th width="64%">被考核人</th>
                        <th width="10%">操作</th>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="chkGuid" value="1" />
                        </td>
                        <td>1</td>
                        <td>王立军</td>
                        <td>
                            <div class="bkhr_wraper">
                                <div class="bkhr">程国祥</div>
                                <div class="bkhr">程艳秋</div>
                                <div class="bkhr">程思涵</div>
                                <div class="bkhr">程国祥</div>
                                <div class="bkhr">程艳秋</div>
                                <div class="bkhr">程思涵</div>
                            </div>
                        </td>
                        <td>
                            <span class="del1" id="ryxz">编辑</span>
                            <span class="del">删除</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="chkGuid" value="1" />
                        </td>
                        <td>2</td>
                        <td>张韶涵</td>
                        <td>
                            <div class="bkhr">程思涵</div>
            </div>
            </td>
            <td>
                <span class="del1">编辑</span>
                <span class="del">删除</span>
            </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="chkGuid" value="1" />
                </td>
                <td>3</td>
                <td>林志颖</td>
                <td>
                    <div class="bkhr_wraper">
                        <div class="bkhr">程思涵</div>
                        <div class="bkhr">程国祥</div>
                        <div class="bkhr">程艳秋</div>
                        <div class="bkhr">程思涵</div>
                    </div>
                </td>
                <td>
                    <span class="del1">编辑</span>
                    <span class="del">删除</span>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="chkGuid" value="1" />
                </td>
                <td>4</td>
                <td>张志华</td>
                <td>
                    <div class="bkhr_wraper">
                        <div class="bkhr">国祥</div>
                        <div class="bkhr">艳秋</div>
                    </div>
                </td>
                <td>
                    <span class="del1">编辑</span>
                    <span class="del">删除</span>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="chkGuid" value="1" />
                </td>
                <td>5</td>
                <td>王建军</td>
                <td>
                    <div class="bkhr_wraper">
                        <div class="bkhr">程国祥</div>
                        <div class="bkhr">程艳秋</div>
                        <div class="bkhr">程思涵</div>
                    </div>
                </td>
                <td>
                    <span class="del1">编辑</span>
                    <span class="del">删除</span>
                </td>
            </tr>
            </table>
        </div>
    </div>

</div>
</div>
<!--人员选择弹出框-->
<div class="date_pop date_pop1" id="date_pop">
    <div class="row_pop_row">
        <div class="row_pop_row_lf">
            <div class="row_pop_row_lf_top">
                <input type="text" placeholder="请输入查询关键字" class="inpt" />
            </div>
            <div class="row_pop_row_lf_b">
                <ul id="tree" class="filetree">
                    <li><span class="folder">厅长办公室</span>
                        <ul>
                            <li><span class="folder">指挥中心</span>
                                <ul>
                                    <li><span class="folder">情报室</span>
                                        <ul>
                                            <li><span class="folder">科室1</span>
                                                <span class="folder">科室2</span>
                                                <span class="folder">科室3</span>
                                                <span class="folder">科室4</span>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><span class="folder">指挥调度室</span></li>
                                    <li><span class="folder">指挥调度室</span></li>
                                    <li><span class="folder">指挥调度室</span></li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                    <li><span class="folder">办公室</span>
                        <ul>
                            <li><span class="folder">部门管理</span></li>
                            <li><span class="folder">部门管理</span></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row_pop_row_rt">
            <p>已选部门：<span>3</span>/<span>100</span></p>
            <div class="name_wraper">
                <div class="name">情报室
                    <div class="del">
                        <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                    </div>
                </div>
                <div class="name">指挥调度室
                    <div class="del">
                        <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                    </div>
                </div>
                <div class="name name_hov">情报室
                    <div class="del">
                        <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--人员选择弹出框结束-->

<!--创建考核关系弹出框-->
<div class="date_pop" id="cjgx_pop">
    <div class="khrw_pop">
        <div class="row">
            <div class="row_lf">考核对象</div>
            <div class="row_rt">
                <div class="row_rt_main row_rt_main_border row_rt_main_border1">
                    <div class="name">张光勇
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name name_hov">徐金魁
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi_hov.png'/>" />
                        </div>
                    </div>
                    <div class="name">秋生同
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">张光勇
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">徐金魁
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">秋生同
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">张光勇
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">徐金魁
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">秋生同
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="row_lf">考官设置</div>
            <div class="row_rt">
                <div class="row_rt_main row_rt_main_border row_rt_main_border1">
                    <div class="name">张光勇
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                    <div class="name">秋生同
                        <div class="del">
                            <img src="<c:url value='/resource/jxkh/images/guanbi.png'/>" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="row_lf">权重分配</div>
            <div class="row_rt">
                <div class="row_rt_main">
                    <div class="qzfp">6</div>
                    <div class="qzfp">4</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--创建考核关系弹出框结束-->
<script type="text/javascript">
    $(document).ready(function() {
        $("#date_pop").hide();
        //人员选择弹出框
        $("#ryxz").on("click", function() {
            var open = layer.open({
                type: 1, //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
                shift: 1, //动画    0-6     css3动画
                closeBtn: 1, //关闭按钮  0 不显示  style  1和2  标题为 false 2
                btn: ['确定', '取消'],
                title: ['人员选择', 'background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
                area: ['508px', '520px'], //宽高
                content: $("#date_pop") //iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'
            });
        });
        //人员选择弹出框结束
        //创建考核关系弹出框
        $("#cjgx").on("click", function() {
            var open = layer.open({
                type: 1, //0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。
                shift: 1, //动画    0-6     css3动画
                closeBtn: 1, //关闭按钮  0 不显示  style  1和2  标题为 false 2
                btn: ['确定', '取消'],
                title: ['创建考核关系', 'background:#5f9ad1;color:#fff;text-align: left;font-size: 18px;'],
                area: ['760px', 'auto'], //宽高
                content: $("#cjgx_pop") //iframe层-禁滚动条  $("#photosDemo").html()   'http://www.baidu.com/'
            });
        });
        //创建考核关系弹出框结束
        //全选与取消
        $("#chkAll").click(function() {
            $("[name=chkGuid]:checkbox").prop("checked", this.checked);
        });
        //当所有checkbox选中，全选选中
        $("[name=chkGuid]:checkbox").click(function() {
            var flag = true;
            $("[name=chkGuid]:checkbox").each(function() {
                if(!this.checked) {
                    flag = false;
                }
            });
            $("#chkAll").prop("checked", flag);
        });
    })
</script>
<!--树结构-->
<script type="text/javascript">
    //树结构
    $("#tree").treeview();
    $("#tree1").treeview();
    //树结构结束
</script>
</body>

</html>